/*
 * PageList 样式
 */
.sc-page-list {
  padding: 20px;
  // background-color: #fff;
  border-radius: 5px;
  // padding-top: 0px;

  &-header {
    // padding: 0 0 15px;
    font-size: 20px;
  }
}

.sc-list-filter {
  padding: 20px 0;

  .sc-list-filter-col {
    display: block;
  }
}

.sc-list-top-button {
  padding: 15px 0;
}

.sc-list-tip {
  padding: 15px 0;
}

.sc-list-table {
  padding: 20px 0;

  &-pager {
    padding: 20px 0 0;
    text-align: right;
  }
}

.sc-page-list-filter {
  .sc-list-filter {
    &-col-wrap {
      margin-top: -20px;
      display: flex;

      .sc-list-filter-col-items {
        flex: 1;
      }

      .sc-list-filter-col-buttons {
        flex-shrink: 0;
      }

      .sc-list-filter-buttons {
        padding-left: 15px;
        flex-shrink: 0;
        display: flex;
        align-items: flex-end;
        height: 100%;
      }
    }

    .sc-list-filter-col {
      display: flex;

      &.el-form-item {
        margin-top: 20px;
        margin-bottom: 0;
      }

      .el-form-item__label {
        display: block;
        flex-shrink: 0;
        width: 90px;
      }

      .el-form-item__content {
        display: flex;
        flex: 1;

        .el-select {
          display: block;
          flex: 1;
        }

        .el-range-editor.el-input__inner {
          display: flex;
          flex: 1;
          width: auto;
        }
      }
    }
  }
}
